<div class="menu">
  <div style="width: 100%;text-align: center;margin-top: 40px;">
      <img src="assets/logo.png">
  </div>
  <ul id="accordion" class="accordion">
    <li ng-repeat="m in $ctrl.menuList">
      <!--without menu link-->
      <div class="link" ng-class="m.icon" ng-if="!m.url">
        {{m.name}}
        <i class="fa fa-chevron-down"></i>
      </div>

      <!--menu link-->
      <div class="link menu-link"   ng-if="m.url">
        <a ng-href="{{m.url | urlsearch}}" ng-class="[{active: $ctrl.path == m.url},m.icon]" target="{{m.target}}" ng-click="$ctrl.getCurrentPath()" md-truncate>{{m.name}}</a>
      </div>
      <!--submenu link-->
      <ul class="submenu" ng-show="m.children">
        <li ng-repeat="sm in m.children">
          <a ng-href="#!{{sm.url}}" ng-class="{active: sm.url==$ctrl.path}" ng-click="$ctrl.getCurrentPath()" md-truncate>{{sm.name}}</a>
        </li>
      </ul>
    </li>
  </ul>
</div>
